<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>专家列表</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="viewport"
          content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--1.width=device-width    //应用程序的宽度和屏幕的宽度是一样的
2.height=device-height  //应用程序的高度和屏幕的高是一样的
3.initial-scale=1.0  //应用程序启动时候的缩放尺度（1.0表示不缩放）
4.minimum-scale=1.0  //用户可以缩放到的最小尺度（1.0表示不缩放）
5.maximum-scale=1.0  //用户可以放大到的最大尺度（1.0表示不缩放）
6.user-scalable=no  //用户是否可以通过他的手势来缩放整个应用程序，使应用程序的尺度发生一个改变（yes/no）
    -->
    <!-- 优先使用 IE 最新版本和 Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="{{asset('zhuanjia/font-awesome-4.7.0/css/font-awesome.css')}}">
    <link rel="stylesheet" href="{{asset('zhuanjia/style/weui.min.css')}}"/>
    <link rel="stylesheet" href="{{asset('zhuanjia/style/style.css')}}"/>
</head>
<body>
<!--列表-->
<div class="custom-panel">
    @foreach($list as $v)
    <!--per box-->
    <div class="weui-flex">
        <div class="list-pic-box">
           <a href="{{url('expert/show',$v->id)}}"><img class="weui-media-box__thumb" src="{{object_get($v,'user.avatar')}}" alt=""></a>
        </div>
        <div class="weui-flex__item">
            <div class="title-box clearfix">
                <h5 class="weui-media-box__title">{{object_get($v,'user.truename')}}</h5>
                <span class="border-badge">{{$v->rank}}</span>
            </div>
            <p class="article-text">{{str_limit($v->contents,132,'...')}}</p>
            <div class="btn-box">
                <a href="{{url('user/consult-add',$v->id)}}" class="btn-inline weui-btn weui-btn_mini weui-btn_warn">咨询</a> <a href="{{url('expert/show',$v->id)}}" class="btn-inline weui-btn weui-btn_mini weui-btn_primary">详情</a>
                <!--<a href="" class="btn-inline weui-btn weui-btn_mini weui-btn_border btn-hide show-tip-btn">关注</a>--><!--a元素上 加show-tip-btn样式显示按钮，去掉则按钮隐藏-->
                <!--<span class="tip-text"><i class="weui-icon-success-no-circle"></i>已关注</span>-->
            </div>
        </div>
    </div>
    <!-- end per box-->
    @endforeach
  
</div>
<!--end 列表-->

</body>
</html>